<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/two.css">
</head>

<body>
    <div class="root">
        <img id="ww" src="./创家盛典/images/pagetwo/ww.png" alt="">
        <img id="www" src="./创家盛典/images/pagetwo/www.png" alt="">
        <div class="bottom"><img src="./创家盛典/images/pageone/slide.png" alt=""></div>
    </div>
</body>

</html>
<script src="../js/jquery-3.4.1.min.js"></script>
<script src="../js/touch-0.2.14.min.js"></script>
<script>
    function dm() {
        // console.log("hh")
        $(".bottom img").animate({
            bottom: 3 + "rem"
        }, 500, )

        $(".bottom img").animate({
            bottom: 2 + "rem"
        }, 500)

    };
    dm();
    setInterval(dm, 1000);
    touch.on(window, "swipeup", function() {
        window.open("./three.html", '_self');
        // console.log("hhh")
    })

    $("#ww").animate({
        right: 0 + "rem"
    }, 500)
    $("#www").animate({
        left: 0 + "rem"
    }, 500)
</script>